<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kataloglama Sistemimize Hoş Geldiniz!</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript">
function valid(){
	var error="";
	if(document.getElementById("username").value == ""){
		error = error + "Login olmak için kullanıcı adınızı giriniz.\n";
	}
	if(document.getElementById("password").value == ""){
		error = error + "Login olmak için sifre giriniz.\n";
	}
	if(error != ""){
		alert(error);
		return false;
	}
	else
		return true;

}
</script>
</head>

<!-- Alicanın commenti -->
<body>
<div class="content">
		<div class="wrapper">
			<span class="centerimg"><img src="images/asd.jpg" alt="" width="347" height="219" align="absmiddle"></span>
			<div class="login">
				<form name="dummy" action="login" method="post">
					<c:if test="${invalidlogin==true}">
					<p style="color: red">
						<b>Kullanıcı adı veya şifre yanlış.Lütfen tekrar deneyiz!</b>
					</p>
					</c:if>
					<div class= "form-input">
						<label>Kullanıcı Adı:</label><input id="username" name="username" type="text"/>
					</div>
					<div class= "form-input">
						<label>Şifre:</label><input id="password" name="password" type="password"/>
					</div>
					<div class="btn-left">
				   		<input name="button" type="submit" value="Şifre değiştir"/>
				   </div>
				   <div class="form-input">
						<input name="button" type="submit" value="Login" onClick="return valid();"/>
				  </div>
				</form>
			</div>
  </div>
</div>
<div class="footer">
	<div class="wrapperf">
		<p>Film, kitap kataloğu by Hande ve Alican :)<br />&copy;2013</p>    
  </div>	
</div>
</body>